<template>
  <div class="lastest">
    <div class="lastest-info">
      <img class="lastest-info-img" src="@/assets/img/lastest1.jpg" />
      <div class="lastest-info-content">
        <div class="lastest-info-content-title">
          武汉260亩纯住宅项目即将挂牌
        </div>
        <div class="lastest-info-content-time">
          发布时间：2019.4.25
        </div>
        <div class="lastest-info-content-desc">
          <p class="lastest-info-content-desc-p">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        </div>
        <router-link to="/detail">
          <button class="item-button">查看详情</button>
        </router-link>
      </div>
    </div>
    <div class="lastest-info">
      <img class="lastest-info-img" src="@/assets/img/lastest1.jpg" />
      <div class="lastest-info-content">
        <div class="lastest-info-content-title">
          武汉260亩纯住宅项目即将挂牌
        </div>
        <div class="lastest-info-content-time">
          发布时间：2019.4.25
        </div>
        <div class="lastest-info-content-desc">
          <p class="lastest-info-content-desc-p">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        </div>
        <button class="item-button">查看详情</button>
      </div>
    </div>
    <div class="lastest-info">
      <img class="lastest-info-img" src="@/assets/img/lastest1.jpg" />
      <div class="lastest-info-content">
        <div class="lastest-info-content-title">
          武汉260亩纯住宅项目即将挂牌
        </div>
        <div class="lastest-info-content-time">
          发布时间：2019.4.25
        </div>
        <div class="lastest-info-content-desc">
          <p class="lastest-info-content-desc-p">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        </div>
        <button class="item-button">查看详情</button>
      </div>
    </div>
    <div class="lastest-info">
      <img class="lastest-info-img" src="@/assets/img/lastest1.jpg" />
      <div class="lastest-info-content">
        <div class="lastest-info-content-title">
          武汉260亩纯住宅项目即将挂牌
        </div>
        <div class="lastest-info-content-time">
          发布时间：2019.4.25
        </div>
        <div class="lastest-info-content-desc">
          <p class="lastest-info-content-desc-p">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        </div>
        <button class="item-button">查看详情</button>
      </div>
    </div>
    <div class="lastest-info">
      <img class="lastest-info-img" src="@/assets/img/lastest1.jpg" />
      <div class="lastest-info-content">
        <div class="lastest-info-content-title">
          武汉260亩纯住宅项目即将挂牌
        </div>
        <div class="lastest-info-content-time">
          发布时间：2019.4.25
        </div>
        <div class="lastest-info-content-desc">
          <p class="lastest-info-content-desc-p">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        </div>
        <button class="item-button">查看详情</button>
      </div>
    </div>
    <div class="lastest-info">
      <img class="lastest-info-img" src="@/assets/img/lastest1.jpg" />
      <div class="lastest-info-content">
        <div class="lastest-info-content-title">
          武汉260亩纯住宅项目即将挂牌
        </div>
        <div class="lastest-info-content-time">
          发布时间：2019.4.25
        </div>
        <div class="lastest-info-content-desc">
          <p class="lastest-info-content-desc-p">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        </div>
        <button class="item-button">查看详情</button>
      </div>
    </div>
    <div class="lastest-info">
      <img class="lastest-info-img" src="@/assets/img/lastest1.jpg" />
      <div class="lastest-info-content">
        <div class="lastest-info-content-title">
          武汉260亩纯住宅项目即将挂牌
        </div>
        <div class="lastest-info-content-time">
          发布时间：2019.4.25
        </div>
        <div class="lastest-info-content-desc">
          <p class="lastest-info-content-desc-p">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        </div>
        <button class="item-button">查看详情</button>
      </div>
    </div>
    <div class="lastest-info">
      <img class="lastest-info-img" src="@/assets/img/lastest1.jpg" />
      <div class="lastest-info-content">
        <div class="lastest-info-content-title">
          武汉260亩纯住宅项目即将挂牌
        </div>
        <div class="lastest-info-content-time">
          发布时间：2019.4.25
        </div>
        <div class="lastest-info-content-desc">
          <p class="lastest-info-content-desc-p">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        </div>
        <button class="item-button">查看详情</button>
      </div>
    </div>
    <div class="lastest-info">
      <img class="lastest-info-img" src="@/assets/img/lastest1.jpg" />
      <div class="lastest-info-content">
        <div class="lastest-info-content-title">
          武汉260亩纯住宅项目即将挂牌
        </div>
        <div class="lastest-info-content-time">
          发布时间：2019.4.25
        </div>
        <div class="lastest-info-content-desc">
          <p class="lastest-info-content-desc-p">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        </div>
        <button class="item-button">查看详情</button>
      </div>
    </div>
    <div class="lastest-info">
      <img class="lastest-info-img" src="@/assets/img/lastest1.jpg" />
      <div class="lastest-info-content">
        <div class="lastest-info-content-title">
          武汉260亩纯住宅项目即将挂牌
        </div>
        <div class="lastest-info-content-time">
          发布时间：2019.4.25
        </div>
        <div class="lastest-info-content-desc">
          <p class="lastest-info-content-desc-p">武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌武汉260亩纯住宅项目即将挂牌</p>
        </div>
        <button class="item-button">查看详情</button>
      </div>
    </div>
  </div>
</template>
<script></script>
<style lang="stylus" scoped>
  .lastest
    width: 1280px
    margin: 0 auto
    font-size: 18px
    line-height: 30px
    .lastest-info
      width: 1280px
      height: 180px
      background: #eee
      color: #333
      margin-bottom: 5px
      .lastest-info-img
        width: 240px
        height: 180px
        float:left
      .lastest-info-content
        width: 1040px
        height: 180px
        float:left
        .lastest-info-content-title
          font-weight: bold
          font-size: 20px
          line-height:50px
          color:#333
          margin-left: 20px
        .lastest-info-content-time
          width: 1040px
          height: 20px
          font-size: 16px
          line-height: 20px
          font-weight: bold
          margin-bottom: 5px
          margin-left: 20px
        .lastest-info-content-desc
          width: 1040px
          height: 60px
          font-size: 15px
          line-height: 20px
          margin-left: 20px
          .lastest-info-content-desc-p
            margin-right:30px
      .item-button
        background: #00bcd4
        color: #fff
        font-size: 16px
        border-radius: 5px
        padding: 1px
        width: 100px
        margin-left: 30px
        margin-top: 5px
</style>
